a, address, b, big, blockquote, body, center, cite, code, dd, del, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var{
    padding: 0;
    margin: 0;
}

/*全局设置a标签的颜色*/
a{
    color: black;
}

body{
    /*设置整个页面的字体大小都是13px*/
    font-size: 13px;
    /*背景图片*/
    background: url("../images/bg.jpg");
}

/*头部*/
#header{
    /*设置透明度*/
    background-color: rgba(0,0,0,0.2);
    text-align: right;
    /*外边距：上－右－下－左*/
    margin: 0px 0px 30px 0;
    height: 38px;
    line-height: 38px;
}

#header a{
    color: white;
    margin-right: 7px;
    font-size: 15px;
    font-weight: bolder;
}

#header a.more-product{
    /*让行内标签－>行内块级标签，就可以改变尺寸*/
    display: inline-block;
    background-color: #3385ff;
    color: white;
    width: 80px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    text-decoration: 28px;
    font-weight: normal;
}

/*主要内容*/
#content{
    background-color: green;
}

/*设置搜索框外部的div的宽度，可以让其水平居中*/
#content .search{
    background-color: blue;
    width: 600px;
    height: 33px;
    /*居中*/
    margin: 0 auto;
}

#content .search input{
    width: 500px;
    height: 33px;
    padding: 5px;
    /*让内边距向内，伸缩，会占用内容的尺寸*/
    box-sizing: border-box;
    border: 1px solid #ddd;
}

/*伪类：获得焦点的时候调用*/
#content .search input:focus{
    /*去除外边框*/
    outline: none;
    border: 1 solid #3385ff;
}

#content .search{
    margin-bottom: 40px;
}

/*让a标签右浮动，只要设置了输入框border之后，两个宽度加起来正好*/
#content .search a{
    display: inline-block;
    background-color: #3385ff;
    color: white;
    width: 100px;
    text-align: center;
    height: 33px;
    /*设置垂直居中*/
    line-height: 33px;
    /*去除下划线*/
    text-decoration: none;
    font-weight: normal;
    float: right;
}

#content .logo{
    text-align: center;
}

#content .logo img{
    width: 270px;
    height: 129px;
}

#content .dom{
    text-align: center;
}

#content .dom img{
    width: 150px;
    margin: 5px;
}

#content .dom img:hover{
    /*不透明度*/
    opacity: 0.7;
}

/*尾部*/
#footer{
    margin-top: 120px;
    background-color: yellow;
    text-align: center;
}

#footer p{
    margin-top: 10px;
}

#footer p a{
    color: blue;
}

#footer p.footer-top a{
    margin: 0 5px;
}